<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" charset="UTF-8">
$(function() {
	$( '#hour' ).change( function () {
		hour = $('#hour option:selected').text();
		minute = $('#minute option:selected').text();
		$('#hm').val(hour+minute);
		// ここに処理内容を記述
	} );
	$( '#minute' ).change( function () {
		hour = $('#hour option:selected').text();
		minute = $('#minute option:selected').text();
		$('#hm').val(hour+minute);
		// ここに処理内容を記述
	} );
	
	   $(".並び順通知ボタン").click(function() {
	       var result = $(".会場メニュー項目リスト").sortable("toArray");
	       $(".返却並び順").val(result);
	       $(".並び順変更フォーム").submit();
	   });

	   $(".キャンセルボタン").click(function(){
			$(".<?php echo $this->objCancelForm->GeneralAttibutes->class;?>").submit();
	   });

	   $(".会場メニュー項目リスト").sortable();
	   $(".会場メニュー項目リスト").disableSelection();

});
</script>
</head>
<body>
<select id='hour'>
<option />0
<option />1
<option />2
<option />3
<option />4
<option />5
<option />6
<option />7
<option />8
<option />9
<option />10
<option />11
<option />12
<option />13
<option />14
<option />15
<option />16
<option />17
<option />18
<option />19
<option />20
<option />21
<option />22
<option />23
<option />24
</select>
:
<select id="minute">
<option />00
<option />30
</select>
<br />
<input type="text" id="hm" />
</body>
</html>